<template>
  <div>
    <!-- select框的value值，就是选中的option的value值，既可以用于获取，也可以用于设置 -->
    <select :value="value" @change="change($event)">
      <option value="101" >上海</option>
      <option value="103" >北京</option>
      <option value="107" >广州</option>
      <option value="110" >深圳</option>
    </select>
  </div>
</template>

<script>
export default {
  props:['value'],
  methods:{
    change(e) {
      this.$emit('input', e.target.value )
    },
  }

}
</script>

<style>
</style>